angular.module(moduleName + '.directives')
  .directive('login', function ($state) {
    return {
      restrict: 'EA',
      templateUrl: 'hr-login/hr-login.html',
      replace: true,
      scope: {
        url : '@',
      },
      link: function (scope) {
        scope.isPassword = true;
        scope.switchType = function (type) {
          scope.isPassword = type;
          gestureLogin()
        }
        function gestureLogin() {
          $("#gesturepwd").GesturePasswd({
            backgroundColor: "#ffffff", //背景色
            color: "#948585", //主要的控件颜色
            roundRadii: 28, //大圆点的半径
            pointRadii: 6, //大圆点被选中时显示的圆心的半径
            space: 35, //大圆点之间的间隙
            width: 280, //整个组件的宽度
            height: 280, //整个组件的高度
            lineColor: "#00aec7", //用户划出线条的颜色
            // zindex: 100 //整个组件的css z-index属性
          });
          $("#gesturepwd").on("hasPasswd", function (e, passwd) {
            var result;

            if (passwd == "123") {

              result = true;
            } else {
              result = false;
            }


            if (result == true) {
              $("#gesturepwd").trigger("passwdRight");
              setTimeout(function () {
                $state.go('tab.home')
                //密码验证正确后的其他操作，打开新的页面等。。。
                //$state.go('tab.loan-square');
              }, 500); //延迟半秒以照顾视觉效果
            } else {
              $("#gesturepwd").trigger("passwdWrong");
              //密码验证错误后的其他操作。。。

            }
          });
        }
      }

    }
  })
